@charset "UTF-8";
.mb24 {
  margin-bottom: 24px;
}

.mb30 {
  margin-bottom: 30px;
}

body {
  background: #f7f8f9;
}

.Header {
  position: fixed;
  width: 100%;
}

.detail-content-new {
  background: #f7f8f9;
  padding: 87px 0 30px 0;
}

.detail-content-new .jia1, .detail-content-new .jia2 {
  color: #3e71f6;
}

.detail-content-new .action-aside {
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -300px 0 0 -703px;
}

.detail-content-new .action-aside ul li {
  list-style: none;
  margin-bottom: 15px;
  position: relative;
}

.detail-content-new .action-aside ul li:last-child {
  margin-bottom: 0;
}

.detail-content-new .action-aside ul li.share:hover .bdsharebuttonbox {
  display: block;
}

.detail-content-new .action-aside ul li.scrollTop {
  display: none;
}

.detail-content-new .action-aside ul li strong {
  display: inline-block;
  width: 80px;
  text-align: center;
  position: relative;
  font-weight: normal;
}

.detail-content-new .action-aside ul li strong:hover a {
  box-shadow: 0 8px 16px 0 rgba(23, 35, 63, 0.12);
}

.detail-content-new .action-aside ul li strong.favorites-opt.on a i {
  color: #8a92a5;
}

.detail-content-new .action-aside ul li strong a {
  display: block;
  width: 47px;
  height: 47px;
  line-height: 47px;
  border-radius: 47px;
  border: 1px solid #f4f4f4;
  background: #fff;
  margin: 0 auto 5px;
  box-shadow: 0 8px 16px 0 rgba(23, 35, 63, 0.04);
}

.detail-content-new .action-aside ul li strong a i {
  color: #8a92a5;
}

.detail-content-new .action-aside ul li strong a i.blogshang {
  font-size: 19px;
}

.detail-content-new .action-aside ul li strong a i.blogzan {
  font-size: 19px;
}

.detail-content-new .action-aside ul li strong a i.blogshou {
  font-size: 21px;
}

.detail-content-new .action-aside ul li strong a i.blogpinglun {
  font-size: 19px;
}

.detail-content-new .action-aside ul li strong a i.blogfen {
  font-size: 23px;
}

.detail-content-new .action-aside ul li strong a i.blogzhi {
  font-size: 18px;
}

.detail-content-new .action-aside ul li strong span {
  color: #979da9;
  line-height: 1;
}

.detail-content-new .action-aside ul li strong span b {
  font-weight: normal;
}

.detail-content-new .action-aside ul li strong.on a i {
  color: #3e71f6;
}

.detail-content-new .fixtitle {
  background: #fff;
  position: fixed;
  left: 0;
  top: 0;
  height: 61px;
  line-height: 61px;
  z-index: 999;
  width: 100%;
  box-shadow: 0px 3px 10px #EFEFEF;
  display: none;
}

.detail-content-new .fixtitle h3 {
  font-size: 24px;
  color: #333;
  padding: 0 35px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 883px;
}

.detail-content-new .fixtitle .messbox .checkFollow {
  float: right;
  display: inline-block;
  width: 90px;
  height: 32px;
  line-height: 32px;
  border-radius: 0;
  color: #666666;
  font-size: 14px;
  margin: 13px 0 0 15px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  text-align: center;
  border: none;
  background: #3e71f6;
  border-radius: 2px;
}

.detail-content-new .fixtitle .messbox .checkFollow.in {
  border: 1px solid #789bf9;
  padding-left: 0;
  background: none;
  color: #3e71f6;
}

.detail-content-new .fixtitle .messbox .checkFollow.on {
  background: #3e71f6 url(/edu/blog/images/icon/66.png) no-repeat 24px 11px;
  background-size: 10px 10px;
  padding-left: 39px;
  text-align: left;
}

.detail-content-new .fixtitle .messbox .checkFollow.on:hover {
  background: #3d62f5 url(/edu/blog/images/icon/66.png) no-repeat 24px 11px;
  background-size: 10px 10px;
}

.detail-content-new .fixtitle .messbox .checkFollow.off {
  background: #ddd;
  padding-left: 0;
}

.detail-content-new .fixtitle .messbox .name {
  float: right;
  display: inline-block;
  max-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #17233f;
  margin-left: 10px;
}

.detail-content-new .fixtitle .messbox strong {
  position: relative;
  float: right;
  width: 34px;
  height: 34px;
  margin-top: 13px;
}

.detail-content-new .fixtitle .messbox .avatar img {
  width: 34px;
  height: 34px;
  border-radius: 34px;
}

.detail-content-new .bdsharebuttonbox {
  padding-top: 20px;
  position: absolute;
  top: 39px;
  left: -5px;
  z-index: 99;
  display: none;
}

.detail-content-new .bdsharebuttonbox .ins {
  position: absolute;
  background: #fff;
  border-radius: 2px;
  text-align: center;
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.1);
  padding: 10px 0 8px 0;
  width: 90px;
}

.detail-content-new .bdsharebuttonbox .ins a {
  display: inline-block;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  color: #2e3d56;
  background: none;
  margin: 0 0 2px 0;
  float: none;
  padding-left: 0;
  width: 55px;
}

.detail-content-new .bdsharebuttonbox .ins a:hover {
  color: #3e71f6;
}

.detail-content-new .bdsharebuttonbox .ins a:hover i {
  color: #3e71f6;
}

.detail-content-new .bdsharebuttonbox .ins a i {
  color: #818797;
  float: left;
  margin-right: 8px;
}

.detail-content-new .bdsharebuttonbox .ins a i.blogfenxiangweibo {
  font-size: 19px;
}

.detail-content-new .bdsharebuttonbox .ins a i.blogfenxiangqq {
  font-size: 18px;
}

.detail-content-new .bdsharebuttonbox .ins a i.blogfenxiangweixin {
  font-size: 20px;
}

.detail-content-new .bdsharebuttonbox .ins img {
  width: 59px;
  height: 59px;
}

.detail-content-new .Page .common-section {
  border-radius: 2px;
  background: #fff;
}

.detail-content-new .Page .detail-content-left {
  float: left;
  width: 874px;
}

.detail-content-new .Page .detail-content-left .common-spacing {
  padding: 15px 35px;
}

.detail-content-new .Page .detail-content-left .article-detail {
  padding-bottom: 27px;
}

.detail-content-new .Page .detail-content-left .article-detail .title {
  padding: 5px 0 10px 0;
  line-height: 40px;
  font-size: 37px;
  margin-bottom: 5px;
}

.detail-content-new .Page .detail-content-left .article-detail .title h1 {
  display: inline;
  font-size: 28px;
  color: #333;
}

.detail-content-new .Page .detail-content-left .article-detail .title span {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 11px;
  color: #fff;
  font-size: 14px;
  margin-left: 1px;
  vertical-align: middle;
  border-radius: 2px;
  font-weight: normal;
}

.detail-content-new .Page .detail-content-left .article-detail .title span:first-child {
  margin-left: 20px;
}

.detail-content-new .Page .detail-content-left .article-detail .title span.tuijian {
  color: #e1692c;
  background: rgba(225, 105, 44, 0.12);
}

.detail-content-new .Page .detail-content-left .article-detail .title span.original {
  color: #59ae85;
  background: rgba(89, 174, 133, 0.12);
}

.detail-content-new .Page .detail-content-left .article-detail .title span.reprint {
  color: #e69a3a;
  background: rgba(230, 154, 58, 0.12);
}

.detail-content-new .Page .detail-content-left .article-detail .title span.translation {
  color: #5491dc;
  background: rgba(84, 145, 220, 0.12);
}

.detail-content-new .Page .detail-content-left .article-detail .messbox {
  padding: 15px 15px;
  background: #f9f9fa;
  border-radius: 2px;
  color: #6b7486;
}

.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-line1 {
  line-height: 1;
}

.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-line1 a {
  color: #6b7486;
}

.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-line1 a:hover {
  color: #3e71f6;
}

.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-line1 .fl {
  padding-right: 12px;
}

.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-line1 time {
  font-family: fontDIN;
}

.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-line1 #copyright-btn {
  cursor: pointer;
  font-size: 12px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-line1 #copyright-btn:hover {
  color: #3e71f6;
}

.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag {
  margin-top: 15px;
}

.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong {
  float: left;
  font-weight: normal;
  margin-right: 22px;
  display: inline-block;
}

.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong em {
  font-style: normal;
  line-height: 24px;
  margin-right: 11px;
}

.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong a, .detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong span {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  background: #efeff1;
  color: #5c6578;
  font-size: 12px;
  margin-right: 13px;
  padding: 0 8px;
}

.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong a:last-child, .detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong span:last-child {
  margin-right: 0;
}

.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong a:hover {
  color: #3e71f6;
}

.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong b {
  font-weight: normal;
  font-size: 14px;
  color: #6b7486;
  font-family: fontDIN;
}

.detail-content-new .Page .detail-content-left .article-detail .copytext {
  display: none;
  margin-top: 10px;
  font-size: 12px;
  color: #9399a6;
  word-break: break-all;
}

.detail-content-new .Page .detail-content-left .article-detail .article-content-wrap {
  margin-top: 20px;
  font-size: 16px;
  word-break: break-all;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f3f3f3;
  color: #17233f;
}

.detail-content-new .Page .detail-content-left .article-detail .article-content-wrap img {
  max-width: 100%;
  cursor: zoom-in;
}

.detail-content-new .Page .detail-content-left .article-detail .article-content-wrap .artical-content-bak {
  padding: 20px 0px !important;
  max-width: 100%;
}

.detail-content-new .Page .detail-content-left .article-detail .label-list {
  margin-top: 20px;
  padding-left: 90px;
  position: relative;
}

.detail-content-new .Page .detail-content-left .article-detail .label-list span {
  color: #17233f;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 0;
}

.detail-content-new .Page .detail-content-left .article-detail .label-list a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin: 0 12px 15px 0;
  padding: 0 20px;
  border-radius: 2px;
  color: #6b7484;
  background: #f6f7f8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80%;
}

.detail-content-new .Page .detail-content-left .article-detail .label-list a:hover, .detail-content-new .Page .detail-content-left .article-detail .label-list a.cur {
  background: #3e71f6;
  color: #fff;
}

.detail-content-new .Page .detail-content-left .article-detail .action-box {
  text-align: center;
}

.detail-content-new .Page .detail-content-left .article-detail .action-box ul li {
  list-style: none;
  position: relative;
  width: 105px;
  display: inline-block;
}

.detail-content-new .Page .detail-content-left .article-detail .action-box ul li:last-child {
  margin-bottom: 0;
}

.detail-content-new .Page .detail-content-left .article-detail .action-box ul li.share:hover .bdsharebuttonbox {
  display: block;
}

.detail-content-new .Page .detail-content-left .article-detail .action-box ul li .bdsharebuttonbox {
  left: 8px;
}

.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong {
  display: inline-block;
  width: 80px;
  text-align: center;
  position: relative;
  font-weight: normal;
}

.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.favorites-opt.on a i {
  color: #8a92a5;
}

.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong:hover a {
  box-shadow: 0 8px 16px 0 rgba(23, 35, 63, 0.12);
}

.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a {
  display: block;
  width: 47px;
  height: 47px;
  line-height: 47px;
  border-radius: 47px;
  border: 1px solid #f4f4f4;
  background: #fff;
  margin: 0 auto 5px;
  box-shadow: 0 8px 16px 0 rgba(23, 35, 63, 0.04);
}

.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a i {
  color: #818797;
}

.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a i.blogshang {
  font-size: 19px;
}

.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a i.blogzan {
  font-size: 19px;
}

.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a i.blogshou {
  font-size: 21px;
}

.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a i.blogpinglun {
  font-size: 19px;
}

.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a i.blogfen {
  font-size: 23px;
}

.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a i.blogzhi {
  font-size: 18px;
}

.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong span {
  color: #979da9;
  line-height: 1;
}

.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong span b {
  font-weight: normal;
}

.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.on a i {
  color: #3e71f6;
}

.detail-content-new .Page .detail-content-left .article-detail .lists {
  margin-top: 40px;
}

.detail-content-new .Page .detail-content-left .article-detail .lists p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #818797;
  max-width: 45%;
}

.detail-content-new .Page .detail-content-left .article-detail .lists p a {
  color: #818797;
}

.detail-content-new .Page .detail-content-left .article-detail .lists p a:hover {
  color: #17233f;
}

.detail-content-new .Page .detail-content-left .article-detail .lists p:last-child {
  text-align: right;
}

.detail-content-new .Page .detail-content-left .article-edit {
  margin-top: -20px;
  margin-bottom: 30px;
}

.detail-content-new .Page .detail-content-left .article-edit a {
  display: inline-block;
  height: 23px;
  line-height: 23px;
  color: #9399a6;
  font-size: 12px;
  margin-left: 20px;
}

.detail-content-new .Page .detail-content-left .article-edit a:hover {
  color: #3e71f6;
}

.detail-content-new .Page .detail-content-left .article-edit a i {
  float: left;
  margin-right: 5px;
  font-size: 14px;
  opacity: 0.8;
}

.detail-content-new .Page .detail-content-left .common-sub-title {
  border-bottom: 1px solid #f5f5f5;
  height: 48px;
  line-height: 48px;
  margin-bottom: 3px;
}

.detail-content-new .Page .detail-content-left .common-sub-title strong, .detail-content-new .Page .detail-content-left .common-sub-title h2 {
  color: #333;
  font-size: 20px;
  display: inline-block;
}

.detail-content-new .Page .detail-content-left .common-sub-title .more {
  color: #999;
}

.detail-content-new .Page .detail-content-left .comment-textarea {
  padding-top: 20px;
}

.detail-content-new .Page .detail-content-left .comment-textarea .avatar {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 15px;
  position: relative;
}

.detail-content-new .Page .detail-content-left .comment-textarea .avatar img {
  width: 40px;
  height: 40px;
  border-radius: 40px;
}

.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box {
  width: 749px;
  float: left;
}

.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-show {
  height: 44px;
  line-height: 44px;
  border: 1px solid #e5e5e5;
  background: #fff;
  box-sizing: border-box;
  position: relative;
  border-radius: 2px;
  color: #818797;
  margin-bottom: 20px;
  cursor: pointer;
}

.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-show span {
  padding-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 80%;
}

.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-show strong {
  position: absolute;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  right: 0;
  top: 0;
  text-align: center;
  width: 78px;
  border-left: 1px solid #e5e5e5;
  background: #f5f5f5;
}

.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-hide {
  display: none;
}

.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-hide .top {
  margin-bottom: 10px;
}

.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-hide .top textarea {
  border: 1px solid #e5e5e5;
  padding: 12px 15px;
  border-radius: 2px;
  color: #17233f;
  height: 78px;
  box-sizing: border-box;
  width: 100%;
  resize: none;
  background: #fff;
  outline: none;
}

.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-hide .bot .publish-btn {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 110px;
  background: #3e71f6;
  cursor: pointer;
  color: #fff;
  border-radius: 2px;
}

.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-hide .bot span {
  line-height: 35px;
  margin-right: 16px;
  color: #9399a6;
  font-size: 12px;
}

.detail-content-new .Page .detail-content-left .comment-num {
  height: 56px;
  line-height: 56px;
  border-bottom: 1px solid #f5f5f5;
  color: #333;
  font-size: 20px;
}

.detail-content-new .Page .detail-content-left .comment-num span {
  color: #999;
}

.detail-content-new .Page .detail-content-left .comment-num span b {
  font-weight: normal;
  font-family: fontDIN;
}

.detail-content-new .Page .detail-content-left .comment-box {
  padding-bottom: 27px;
}

.detail-content-new .Page .detail-content-left .comment-List-box .comment-List {
  padding: 25px 0;
  border-bottom: 1px solid #f5f5f5;
}

.detail-content-new .Page .detail-content-left .comment-List-box .comment-List:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .avatar {
  width: 40px;
  height: 40px;
  float: left;
  position: relative;
  margin-right: 10px;
  margin-top: 4px;
}

.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .avatar img {
  width: 40px;
  height: 40px;
  border-radius: 40px;
}

.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail {
  width: 754px;
  float: left;
}

.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail h3 {
  color: #17233f;
  line-height: 1;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  margin-bottom: 4px;
}

.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail h3 .tag {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  background: #ebf1fe;
  font-size: 12px;
  border-radius: 2px;
  padding: 0 8px;
  color: #3e71f6;
  margin-left: 7px;
  margin-top: 4px;
}

.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail h3 i {
  margin: 0 12px;
  font-style: normal;
}

.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .time {
  font-size: 12px;
  color: #9399a6;
  line-height: 1;
  margin-bottom: 15px;
  font-family: fontDIN;
}

.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .reply-content {
  background: #f9f9fa;
  padding: 15px;
  color: #9399a6;
  word-break: break-all;
  margin-bottom: 12px;
  border-radius: 2px;
  margin-top: 17px;
}

.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .content {
  color: #17233f;
  margin-bottom: 12px;
  word-break: break-all;
}

.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .action {
  height: 23px;
  line-height: 23px;
}

.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .action span {
  margin-right: 20px;
  float: left;
  cursor: pointer;
  color: #9399a6;
}

.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .action span:hover i {
  color: #818797;
}

.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .action span.on {
  color: #3e71f6;
}

.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .action span.on i {
  color: #3e71f6;
}

.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .action span i {
  float: left;
  margin-right: 6px;
  color: #c5c8cf;
}

.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .action span b {
  font-weight: normal;
}

.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .textarea-hide {
  margin-top: 25px;
}

.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .textarea-hide .top {
  margin-bottom: 10px;
}

.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .textarea-hide .top textarea {
  border: 1px solid #e5e5e5;
  padding: 12px 15px;
  border-radius: 2px;
  color: #17233f;
  height: 78px;
  box-sizing: border-box;
  width: 100%;
  resize: none;
  background: #fff;
  outline: none;
}

.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .textarea-hide .bot .publish-btn {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  text-align: center;
  width: 110px;
  background: #3e71f6;
  cursor: pointer;
  color: #fff;
  border-radius: 2px;
  font-weight: normal;
}

.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .textarea-hide .bot span {
  line-height: 35px;
  margin-right: 16px;
  color: #9399a6;
  cursor: pointer;
}

.detail-content-new .Page .detail-content-left .act_pageList_box {
  margin-top: 35px;
}

.detail-content-new .Page .detail-content-left .act_pageList_box ul {
  margin: 0;
}

.detail-content-new .Page .detail-content-left .act_pageList_box ul li {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 2px;
  overflow: hidden;
  background: #f3f4f5;
  color: #666;
  font-size: 12px;
  margin: 0 7px;
}

.detail-content-new .Page .detail-content-left .act_pageList_box ul li:hover {
  background: #edeeef;
}

.detail-content-new .Page .detail-content-left .act_pageList_box ul li:hover a {
  color: #666;
  font-size: 12px;
}

.detail-content-new .Page .detail-content-left .act_pageList_box ul li.prev a, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.next a, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.first_page a, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.last_page a {
  width: 25px;
  padding: 0;
}

.detail-content-new .Page .detail-content-left .act_pageList_box ul li.prev.prev, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.prev.first_page, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.next.prev, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.next.first_page, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.first_page.prev, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.first_page.first_page, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.last_page.prev, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.last_page.first_page {
  background: #f3f4f5 url(/edu/blog/images/page-prev.png) no-repeat center center;
  background-size: 7px 9px;
}

.detail-content-new .Page .detail-content-left .act_pageList_box ul li.prev.prev:hover, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.prev.first_page:hover, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.next.prev:hover, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.next.first_page:hover, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.first_page.prev:hover, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.first_page.first_page:hover, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.last_page.prev:hover, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.last_page.first_page:hover {
  background: #edeeef url(/edu/blog/images/page-prev.png) no-repeat center center;
  background-size: 7px 9px;
}

.detail-content-new .Page .detail-content-left .act_pageList_box ul li.prev.next, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.prev.last_page, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.next.next, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.next.last_page, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.first_page.next, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.first_page.last_page, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.last_page.next, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.last_page.last_page {
  background: #f3f4f5 url(/edu/blog/images/page-next.png) no-repeat center center;
  background-size: 7px 9px;
}

.detail-content-new .Page .detail-content-left .act_pageList_box ul li.prev.next:hover, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.prev.last_page:hover, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.next.next:hover, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.next.last_page:hover, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.first_page.next:hover, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.first_page.last_page:hover, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.last_page.next:hover, .detail-content-new .Page .detail-content-left .act_pageList_box ul li.last_page.last_page:hover {
  background: #edeeef url(/edu/blog/images/page-next.png) no-repeat center center;
  background-size: 7px 9px;
}

.detail-content-new .Page .detail-content-left .act_pageList_box ul li a {
  display: block;
  height: 25px;
  line-height: 25px;
  width: 25px;
  padding: 0;
  float: left;
}

.detail-content-new .Page .detail-content-left .act_pageList_box ul li.active {
  background: #3e71f6;
}

.detail-content-new .Page .detail-content-left .act_pageList_box ul li.active a {
  color: #fff;
  font-size: 12px;
}

.detail-content-new .Page .detail-content-left .recommend-about li {
  list-style: none;
  border-bottom: 1px solid #f5f5f5;
}

.detail-content-new .Page .detail-content-left .recommend-about li:last-child {
  border-bottom: none;
}

.detail-content-new .Page .detail-content-left .recommend-about li a {
  display: block;
  padding: 17px 0 16px 0;
}

.detail-content-new .Page .detail-content-left .recommend-about li h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #17233f;
  font-size: 16px;
}

.detail-content-new .Page .detail-content-left .recommend-about li h3 em {
  color: #cd4b50;
  font-style: normal;
}

.detail-content-new .Page .detail-content-left .recommend-about li h3:hover {
  color: #3e71f6;
}

.detail-content-new .Page .detail-content-left .recommend-about li h3:hover em {
  color: #cd4b50;
}

.detail-content-new .Page .detail-content-left .recommend-about li p {
  color: #9399a6;
  margin-top: 5px;
  max-height: 48px;
  overflow: hidden;
  word-break: break-all;
}

.detail-content-new .Page .detail-content-left .recommend-about li p em {
  font-style: normal;
}

.detail-content-new .Page .detail-content-left .recommend-cloumn li {
  list-style: none;
  padding: 25px 0;
  border-bottom: 1px solid #f5f5f5;
}

.detail-content-new .Page .detail-content-left .recommend-cloumn li:last-child {
  border-bottom: none;
}

.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dt {
  float: left;
  width: 213px;
  height: 116px;
  margin-right: 10px;
}

.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dt img {
  width: 213px;
  height: 116px;
}

.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd {
  float: left;
  width: 580px;
}

.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd h3 {
  font-weight: normal;
  line-height: 1;
  margin: 5px 0 10px 0;
}

.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd h3:hover .cloumn-subscribe {
  display: block;
}

.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd h3 .title {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 455px;
}

.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd h3 .title:hover {
  color: #3e71f6;
}

.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd h3 .cloumn-subscribe {
  float: right;
  color: #3e71f6;
  display: none;
  font-size: 12px;
}

.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd .dec {
  line-height: 1;
  margin-bottom: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #9399a6;
}

.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd .mess {
  line-height: 1;
  margin-bottom: 20px;
  color: #9399a6;
}

.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd .mess b {
  margin: 0 6px;
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #9399a6;
}

.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd .price {
  line-height: 1;
}

.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd .price span {
  color: #17233f;
  padding-right: 18px;
}

.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd .price strong {
  color: #9399a6;
  font-weight: normal;
}

.detail-content-new .Page .detail-content-left .recommend-course {
  margin: 20px 0 15px 0;
}

.detail-content-new .Page .detail-content-left .recommend-course li {
  float: left;
  list-style: none;
  width: 185px;
  margin-left: 21px;
}

.detail-content-new .Page .detail-content-left .recommend-course li:first-child {
  margin-left: 0;
}

.detail-content-new .Page .detail-content-left .recommend-course li:nth-child(5), .detail-content-new .Page .detail-content-left .recommend-course li:nth-child(6) {
  display: none;
}

.detail-content-new .Page .detail-content-left .recommend-course li .pic {
  width: 185px;
  height: 112px;
}

.detail-content-new .Page .detail-content-left .recommend-course li .pic img {
  width: 185px;
  height: 112px;
  border-radius: 5px;
}

.detail-content-new .Page .detail-content-left .recommend-course li .main {
  padding-top: 12px;
}

.detail-content-new .Page .detail-content-left .recommend-course li .main h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1;
  margin-bottom: 10px;
  font-weight: normal;
}

.detail-content-new .Page .detail-content-left .recommend-course li .main h3 a {
  color: #17233f;
}

.detail-content-new .Page .detail-content-left .recommend-course li .main h3 a:hover {
  color: #3e71f6;
}

.detail-content-new .Page .detail-content-left .recommend-course li .main .num {
  color: #b4b8c1;
  line-height: 1;
  margin-bottom: 13px;
}

.detail-content-new .Page .detail-content-left .recommend-course li .main .price {
  color: #17233f;
  font-size: 12px;
  line-height: 1;
}

.detail-content-new .Page .detail-content-right {
  float: right;
  width: 302px;
}

.detail-content-new .Page .detail-content-right .common-spacing {
  padding: 8px 20px 12px;
}

.detail-content-new .Page .detail-content-right .common-sub-title {
  border-bottom: 1px solid #f5f5f5;
  height: 38px;
  line-height: 38px;
}

.detail-content-new .Page .detail-content-right .common-sub-title strong, .detail-content-new .Page .detail-content-right .common-sub-title h2 {
  color: #333;
  font-size: 16px;
  display: inline-block;
  max-width: 215px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.detail-content-new .Page .detail-content-right .common-sub-title .more {
  color: #999;
}

.detail-content-new .Page .detail-content-right .fix-table {
  position: fixed;
  top: 100px;
  width: 298px;
  box-sizing: border-box;
}

.detail-content-new .Page .detail-content-right .user-intr {
  padding: 25px 10px;
}

.detail-content-new .Page .detail-content-right .user-intr .top .avatar .avatar-img {
  width: 65px;
  height: 65px;
  margin: 0 auto;
  position: relative;
}

.detail-content-new .Page .detail-content-right .user-intr .top .avatar .avatar-img img {
  width: 65px;
  height: 65px;
  border-radius: 65px;
}

.detail-content-new .Page .detail-content-right .user-intr .top .username {
  font-size: 16px;
  color: #333333;
  text-align: center;
  line-height: 1;
  padding: 13px 0 25px 0;
  font-weight: bold;
}

.detail-content-new .Page .detail-content-right .user-intr .top .username a {
  font-size: 16px;
  color: #333333;
  display: inline-block;
  height: 22px;
  line-height: 22px;
}

.detail-content-new .Page .detail-content-right .user-intr .top .username a .blog-user {
  display: inline-block;
  vertical-align: bottom;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  height: 22px;
  max-width: 185px;
}

.detail-content-new .Page .detail-content-right .user-intr .top .username .icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-left: -2px;
}

.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul {
  display: inline-block;
}

.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li {
  width: 16px;
  height: 18px;
  list-style: none;
  float: left;
  margin-left: 5px;
}

.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a {
  display: inline-block;
  width: 16px;
  height: 18px;
  background: url(/edu/blog/images/identity.png) no-repeat;
  background-size: 16px auto;
}

.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a.qybz {
  background-position: 0 -80px;
}

.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a.zj {
  background-position: 0 -60px;
}

.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a.bkzx {
  background-position: 0 0;
}

.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a.tjzx {
  background-position: 0 -40px;
}

.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a.js {
  background-position: 0 -20px;
}

.detail-content-new .Page .detail-content-right .user-intr .bottom .lines {
  margin: 0 10px;
  height: 1px;
  background: #f5f5f5;
}

.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name {
  text-align: center;
}

.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name:first-child ul {
  padding-top: 0;
}

.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name:last-child ul {
  padding-top: 11px;
}

.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul {
  line-height: 1;
  display: inline-block;
  padding: 18px 0 6px 0;
  width: 100%;
}

.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul li {
  list-style: none;
  font-size: 14px;
  float: left;
  text-align: center;
  width: 25%;
}

.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul li .num {
  color: #17233f;
  font-size: 18px;
  padding-bottom: 8px;
  font-family: fontDIN-medium;
}

.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul li .num span {
  font-size: 17px;
}

.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul li .label-name {
  color: #9399a6;
  font-size: 12px;
  line-height: 1;
}

.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul li .label-name a {
  color: #9399a6;
}

.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul li .label-name a:hover {
  color: #3e71f6;
}

.detail-content-new .Page .detail-content-right .user-intr .operating {
  margin-top: 19px;
  padding-left: 16px;
}

.detail-content-new .Page .detail-content-right .user-intr .operating.operating2 button {
  display: block;
  float: none;
  margin: 0 auto;
}

.detail-content-new .Page .detail-content-right .user-intr .operating button {
  display: inline-block;
  width: 110px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #789bf9;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none !important;
  padding: 0;
  float: left;
  cursor: pointer;
  border-radius: 2px;
}

.detail-content-new .Page .detail-content-right .user-intr .operating button:hover {
  border: 1px solid #3d62f5;
}

.detail-content-new .Page .detail-content-right .user-intr .operating button:hover a {
  color: #3d62f5;
}

.detail-content-new .Page .detail-content-right .user-intr .operating button:hover a i {
  color: #3d62f5;
}

.detail-content-new .Page .detail-content-right .user-intr .operating button a {
  color: #3e71f6;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  font-size: 14px;
}

.detail-content-new .Page .detail-content-right .user-intr .operating button a i {
  font-size: 18px;
  margin-right: 5px;
  float: left;
}

.detail-content-new .Page .detail-content-right .user-intr .operating .checkFollow {
  display: inline-block;
  width: 110px;
  height: 35px;
  line-height: 35px;
  border-radius: 0;
  color: #666666;
  font-size: 14px;
  margin: 0 25px 0 0;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  text-align: center;
  border: none;
  background: #3e71f6;
  float: left;
  border-radius: 2px;
}

.detail-content-new .Page .detail-content-right .user-intr .operating .checkFollow.in, .detail-content-new .Page .detail-content-right .user-intr .operating .checkFollow.mutual {
  border: 1px solid #789bf9;
  padding-left: 0;
  background: none;
  color: #3e71f6;
}

.detail-content-new .Page .detail-content-right .user-intr .operating .checkFollow.on {
  background: #3e71f6 url(/edu/blog/images/icon/66.png) no-repeat 34px 11px;
  background-size: 12px 12px;
  padding-left: 50px;
  text-align: left;
}

.detail-content-new .Page .detail-content-right .user-intr .operating .checkFollow.on:hover {
  background: #3d62f5 url(/edu/blog/images/icon/66.png) no-repeat 34px 11px;
  background-size: 12px 12px;
}

.detail-content-new .Page .detail-content-right .user-intr .operating .checkFollow.off {
  background: #ddd;
  padding-left: 0;
}

.detail-content-new .Page .detail-content-right .common-list {
  padding: 7px 0 3px 0;
}

.detail-content-new .Page .detail-content-right .common-list.common-list-dot li a.title, .detail-content-new .Page .detail-content-right .common-list.common-list-dot li .title a {
  padding-left: 10px;
}

.detail-content-new .Page .detail-content-right .common-list.common-list-dot li a.title::before, .detail-content-new .Page .detail-content-right .common-list.common-list-dot li .title a::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #b9bdc5;
  left: 0;
  top: 10px;
  position: absolute;
}

.detail-content-new .Page .detail-content-right .common-list#classification-list li a:hover span {
  color: #3e71f6;
}

.detail-content-new .Page .detail-content-right .common-list#classification-list li span:first-child {
  display: inline-block;
  max-width: 206px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.detail-content-new .Page .detail-content-right .common-list#classification-list li span:last-child {
  float: right;
  color: #5c6578;
}

.detail-content-new .Page .detail-content-right .common-list li {
  list-style: none;
  padding: 5px 0;
}

.detail-content-new .Page .detail-content-right .common-list li:last-child {
  padding-bottom: 0;
}

.detail-content-new .Page .detail-content-right .common-list li a {
  color: #17233f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  font-size: 14px;
  position: relative;
  display: block;
}

.detail-content-new .Page .detail-content-right .common-list li a:hover {
  color: #3e71f6;
}

.detail-content-new .Page .detail-content-right .common-list li .dec {
  padding-left: 10px;
  font-size: 12px;
  color: #9399a6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.detail-content-new .Page .detail-content-right .common-list li .dec a {
  color: #9399a6;
  font-size: 12px;
}

.detail-content-new .Page .detail-content-right .common-list-lines {
  height: 1px;
  background: #f5f5f5;
  margin-top: 15px;
  margin-bottom: 15px;
}

.detail-content-new .Page .detail-content-right .years {
  color: #17233f;
}

.detail-content-new .Page .detail-content-right .years a {
  color: #17233f;
  display: inline-block;
}

.detail-content-new .Page .detail-content-right .years a:hover {
  color: #3e71f6;
}

.detail-content-new .Page .detail-content-right .months {
  margin-top: 10px;
}

.detail-content-new .Page .detail-content-right .months a {
  display: block;
  float: left;
  width: 48px;
  height: 55px;
  border: 1px solid #f0f0f0;
  text-align: center;
  margin: 0 20px 10px 0;
}

.detail-content-new .Page .detail-content-right .months a:hover span, .detail-content-new .Page .detail-content-right .months a:hover strong {
  color: #3e71f6;
}

.detail-content-new .Page .detail-content-right .months a:nth-child(4n) {
  margin-right: 0;
}

.detail-content-new .Page .detail-content-right .months a span {
  display: block;
  color: #9399a6;
  position: relative;
  padding: 1px 0 1px 0;
  margin-bottom: 2px;
}

.detail-content-new .Page .detail-content-right .months a span::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 1px;
  background: #f5f5f5;
  left: 50%;
  margin-left: -12px;
  bottom: 0;
}

.detail-content-new .Page .detail-content-right .months a strong {
  display: block;
  font-weight: normal;
}

.detail-content-new .Page .detail-content-right .nowYear {
  margin-top: 15px;
}

.detail-content-new .Page .detail-content-right .otherYear .years a {
  width: 50%;
  float: left;
  padding: 3px 0;
}

.detail-content-new .Page .detail-content-right .directory {
  max-height: 402px;
  overflow-x: hidden;
}

.detail-content-new .Page .detail-content-right .directory::-webkit-scrollbar {
  display: none;
}

.detail-content-new .Page .detail-content-right .directory-list {
  margin-top: 12px;
  padding-left: 12px;
  border-left: 2px solid #f8f8f9;
  margin-bottom: 20px;
}

.detail-content-new .Page .detail-content-right .directory-list li {
  list-style: none;
}

.detail-content-new .Page .detail-content-right .directory-list li:first-child {
  margin-bottom: 7px;
}

.detail-content-new .Page .detail-content-right .directory-list li a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.detail-content-new .Page .detail-content-right .directory-list li:hover a {
  color: #3e71f6;
}

.detail-content-new .Page .detail-content-right .directory-list li.lv1 {
  margin-bottom: 7px;
}

.detail-content-new .Page .detail-content-right .directory-list li.lv1.on .title a {
  color: #3e71f6;
}

.detail-content-new .Page .detail-content-right .directory-list li.lv1.on .title::before {
  content: '';
  display: inline-block;
  width: 2px;
  height: 18px;
  background: #3e71f6;
  position: absolute;
  left: -14px;
  top: 3px;
}

.detail-content-new .Page .detail-content-right .directory-list li.lv1 .title {
  font-weight: normal;
  position: relative;
}

.detail-content-new .Page .detail-content-right .directory-list li.lv2, .detail-content-new .Page .detail-content-right .directory-list li.lv3 {
  margin-bottom: 5px;
}

.detail-content-new .Page .detail-content-right .directory-list li.lv2.on .title a, .detail-content-new .Page .detail-content-right .directory-list li.lv3.on .title a {
  color: #3e71f6;
}

.detail-content-new .Page .detail-content-right .directory-list li.lv2 .title, .detail-content-new .Page .detail-content-right .directory-list li.lv3 .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  font-size: 12px;
}

.detail-content-new .Page .detail-content-right .directory-list li.lv2 .title::before, .detail-content-new .Page .detail-content-right .directory-list li.lv3 .title::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #b9bdc5;
  float: left;
  margin: 8px 6px 0 0;
}

.detail-content-new .Page .detail-content-right .directory-list li.lv2.lv3, .detail-content-new .Page .detail-content-right .directory-list li.lv3.lv3 {
  margin-left: 12px;
}

.detail-content-new .Page .detail-content-right .label-list {
  margin-top: 20px;
}

.detail-content-new .Page .detail-content-right .label-list a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin: 0 12px 15px 0;
  padding: 0 20px;
  border-radius: 2px;
  color: #6b7484;
  background: #f6f7f8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80%;
}

.detail-content-new .Page .detail-content-right .label-list a:hover, .detail-content-new .Page .detail-content-right .label-list a.cur {
  background: #3e71f6;
  color: #fff;
}

.Footer {
  margin-top: 60px !important;
}

.footer {
  text-align: center;
  font-size: 12px;
  color: #9FA3A7;
  padding: 36px 0;
  background-color: #f7f8f9;
}

* {
  font-family: -apple-system,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: #333;
}

textarea {
  resize: none;
}

img {
  border: none;
}

input, button, input[type="button"] {
  outline: none;
}

button, input[type="button"] {
  color: #FFF;
  background-color: #00baf2;
  line-height: 30px;
  border: none;
  padding: 0px 20px;
  cursor: pointer;
}

button:hover, input[type="button"]:hover {
  opacity: .9;
}

img {
  border: none;
}

body {
  color: #333;
  font-size: 14px;
  line-height: 1.75;
  text-align: left;
}

.disabled {
  background: #999;
}

.del {
  text-decoration: line-through;
}

.clear {
  clear: both;
  width: 0;
  height: 0;
  overflow: hidden;
}

.clearfix {
  clear: both;
}

.clearfix:after {
  display: block;
  content: '';
  clear: both;
}

.Left, .fl {
  float: left;
}

.Right, .fr {
  float: right;
}

.tl {
  text-align: left;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

.fb {
  font-weight: 700;
}

.bluebg {
  background: #00baf2;
}

.blue {
  color: #00baf2;
}

.redbg {
  background: #ff4a56;
}

.red {
  color: #ff4a56;
}

.red:hover {
  color: #950b11;
}

.mask, .Mask {
  width: 100%;
  height: 100%;
  position: fixed;
  background: url(https://s1.51cto.com/images/201611/95dc798763e7191d096823b51600438a1218c0.png);
  top: 0px;
  left: 0px;
  z-index: 9999;
  display: none;
}

label {
  margin-bottom: 0 !important;
}

.blue-btn {
  color: #fff;
  background: #4285f4;
  border: 1px solid #4285f4;
  cursor: pointer;
}

.disabled-btn {
  color: #fff;
  background: #ddd;
  border: 1px solid #ddd;
}

.blue-btn:hover {
  color: #fff;
  background: #3c78dc;
  border: 1px solid #3c78dc;
}

.gray-btn {
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
}

.gray-btn:hover {
  background: #e6e6e6;
  color: #000;
}

.editor-side-new {
  font-size: 16px;
  word-break: break-all;
}

.editor-side-new blockquote {
  padding: 0 1rem;
  margin: 1rem 0;
  color: #819198;
  border-left: 0.2rem solid #4285f4;
  background: #f2f5f9;
  padding: .8rem 1.2rem;
}

.editor-side-new blockquote h1:last-child, .editor-side-new blockquote h2:last-child, .editor-side-new blockquote h3:last-child, .editor-side-new blockquote h4:last-child, .editor-side-new blockquote h5:last-child, .editor-side-new blockquote h6:last-child, .editor-side-new blockquote li:last-child, .editor-side-new blockquote ol:last-child, .editor-side-new blockquote p:last-child, .editor-side-new blockquote ul:last-child {
  margin-bottom: 0;
}

.editor-side-new blockquote p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

/*赞赏弹窗*/
.appreciate-nbox {
  position: fixed;
  top: 50%;
  left: 50%;
  padding: 60px 50px 30px;
  text-align: center;
  background: #fff;
  border-radius: 4px;
}

.appreciate-nbox .close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 12px;
  height: 12px;
  background: url(/edu/blog/images/icon/cls_1.png) no-repeat;
}

.appreciate-nbox-1 h2 {
  font-size: 16px;
  color: #333;
}

.appreciate-nbox-1 .list {
  margin-left: -10px;
  padding-top: 40px;
}

.appreciate-nbox-1 li {
  list-style: none;
  float: left;
  width: 110px;
  line-height: 50px;
  text-align: center;
  color: #999;
  background: #eee;
  margin: 10px;
  border-radius: 4px;
  cursor: pointer;
}

.appreciate-nbox-1 li.on {
  color: #fff;
  background: #ff5f53;
}

.appreciate-nbox-1 span {
  font-size: 24px;
}

.appreciate-nbox-1 input {
  font-size: 18px;
  color: #666;
  width: 200px;
  line-height: 50px;
  text-align: center;
  border: 0 none;
  border-bottom: 1px solid #ccc;
  margin-top: 30px;
}

.appreciate-nbox-1 .msg {
  font-size: 16px;
  color: #bfbfbf;
  margin-top: 10px;
}

.appreciate-nbox-1 .error-msg {
  font-size: 14px;
  color: #ff5f53;
  line-height: 20px;
  height: 20px;
}

.appreciate-nbox-1 .appreciate-ajax {
  width: 280px;
  height: 47px;
  text-align: center;
  line-height: 47px;
  font-size: 20px;
  color: #fff;
  background: #ff5f53;
  margin: 20px auto 0;
  cursor: pointer;
}

.appreciate-nbox-2 {
  width: 250px;
  display: none;
  margin: 0 auto;
}

.appreciate-nbox-2 h3 {
  font-size: 24px;
  color: #333;
  line-height: 1;
}

.appreciate-nbox-2 img {
  width: 180px;
  height: 180px;
  margin-top: 27px;
  background: #ddd;
}

.appreciate-nbox-2 p {
  line-height: 16px;
}

.appreciate-nbox-2 i {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  vertical-align: text-bottom;
}

.appreciate-nbox-2 .error-msg {
  display: none;
}

.appreciate-nbox-2 .error-1 {
  color: #333;
  margin-top: 10px;
}

.appreciate-nbox-2 .error-1 em {
  font-style: normal;
  color: #f5a623;
}

.appreciate-nbox-2 .error-2 {
  color: #333;
}

.appreciate-nbox-2 .error-2 i {
  background: url(/edu/blog/images/icon/60.png) no-repeat;
}

.appreciate-nbox-2 .error-2 span {
  font-size: 12px;
  color: #999;
}

.appreciate-nbox-2 .error-3 {
  color: #333;
  margin-top: 10px;
}

.appreciate-nbox-2 .error-3 i {
  background: url(/edu/blog/images/icon/59.png) no-repeat;
}

@media screen and (max-width: 1440px) {
  .action-aside {
    display: none;
  }
}

@media screen and (max-width: 1199px) {
  .Page {
    width: 1000px;
  }
  .detail-content-new .fixtitle h3 {
    width: 750px;
  }
  .detail-content-new .Page .detail-content-left {
    width: 674px;
  }
  .detail-content-new .Page .detail-content-left .main-content {
    max-width: initial;
  }
  .detail-content-new .Page .detail-content-left .comment-textarea .textarea-box {
    width: 549px;
  }
  .detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail {
    width: 554px;
  }
  .detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd {
    float: left;
    width: 380px;
  }
  .detail-content-new .Page .detail-content-left .recommend-course {
    display: none;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1580px) {
  .Page {
    width: 1200px;
  }
}

@media screen and (min-width: 1581px) and (max-width: 1767px) {
  .Page {
    width: 1390px;
  }
  .detail-content-new .action-aside {
    margin: -300px 0 0 -799px;
  }
  .detail-content-new .fixtitle h3 {
    width: 1064px;
  }
  .detail-content-new .Page .detail-content-left {
    width: 1064px;
  }
  .detail-content-new .Page .detail-content-left .main-content {
    max-width: initial;
  }
  .detail-content-new .Page .detail-content-left .comment-textarea .textarea-box {
    width: 939px;
  }
  .detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail {
    width: 944px;
  }
  .detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd {
    float: left;
    width: 771px;
  }
  .detail-content-new .Page .detail-content-left .recommend-course li {
    width: 177px;
    margin-left: 27px;
  }
  .detail-content-new .Page .detail-content-left .recommend-course li:nth-child(5) {
    display: block;
  }
  .detail-content-new .Page .detail-content-left .recommend-course li .pic {
    width: 177px;
    height: 107px;
  }
  .detail-content-new .Page .detail-content-left .recommend-course li .pic img {
    width: 177px;
    height: 107px;
  }
}

@media screen and (min-width: 1768px) {
  .Page {
    width: 1580px;
  }
  .detail-content-new .action-aside {
    margin: -300px 0 0 -892px;
  }
  .detail-content-new .fixtitle h3 {
    width: 1254px;
  }
  .detail-content-new .Page .detail-content-left {
    width: 1254px;
  }
  .detail-content-new .Page .detail-content-left .main-content {
    max-width: initial;
  }
  .detail-content-new .Page .detail-content-left .comment-textarea .textarea-box {
    width: 1129px;
  }
  .detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail {
    width: 1134px;
  }
  .detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd {
    float: left;
    width: 961px;
  }
  .detail-content-new .Page .detail-content-left .recommend-course li {
    width: 177px;
    margin-left: 24px;
  }
  .detail-content-new .Page .detail-content-left .recommend-course li:nth-child(5), .detail-content-new .Page .detail-content-left .recommend-course li:nth-child(6) {
    display: block;
  }
  .detail-content-new .Page .detail-content-left .recommend-course li .pic {
    width: 177px;
    height: 107px;
  }
  .detail-content-new .Page .detail-content-left .recommend-course li .pic img {
    width: 177px;
    height: 107px;
  }
}

.cto-mermaid svg {
  cursor: zoom-in;
}

.artical-content-bak a img {
  cursor: pointer !important;
}

.imgViewDom {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 99999999;
  background: rgba(255, 255, 255, 0.8);
  overflow: auto;
  text-align: center;
}

.imgViewDom .img-content {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: auto;
  margin: 0 auto;
}

.imgViewDom .small-img {
  cursor: zoom-out;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  margin: 0 auto;
  text-align: center;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.cto-mermaid.gantt .titleText, .imgViewDom svg .titleText {
  font-size: 24px !important;
}

.cto-mermaid.gantt .section0, .imgViewDom svg .section0 {
  fill: #e2eafe !important;
}

.cto-mermaid.gantt .task0, .cto-mermaid.gantt .task1, .cto-mermaid.gantt .task2, .cto-mermaid.gantt .task3, .imgViewDom svg .task0, .imgViewDom svg .task1, .imgViewDom svg .task2, .imgViewDom svg .task3 {
  fill: #9eb8fa !important;
  stroke-width: 0 !important;
}

.cto-mermaid.gantt .grid .tick line, .imgViewDom svg .grid .tick line {
  stroke: #c1c5cc;
  opacity: 0.5;
}

.cto-mermaid.gantt .grid .tick text, .imgViewDom svg .grid .tick text {
  font-size: 14px !important;
}

.cto-mermaid.seq .actor, .imgViewDom svg .actor {
  stroke-width: 0;
  fill: #f3f5f9 !important;
}

.cto-mermaid.seq text.actor > tspan, .cto-mermaid.seq .messageText, .cto-mermaid.seq .noteText > tspan, .imgViewDom svg text.actor > tspan, .imgViewDom svg .messageText, .imgViewDom svg .noteText > tspan {
  fill: #1a233d !important;
}

.cto-mermaid.seq .messageText, .imgViewDom svg .messageText {
  stroke: none !important;
}

.cto-mermaid.seq .note, .imgViewDom svg .note {
  stroke-width: 0;
  rx: 3;
  ry: 3;
}
